<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.org">
    <title>收货地址</title>

    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <link rel="stylesheet" href="../css/indexStyle.css">

</head>
<style>
    a {
        text-decoration: none;
    }

    .down {
        width: 100%;
        height: 90%;
        display: flex;
        flex-direction: row;
        background-color: #f0f3ef;
    }

    .downLeft {
            width: 180px;
            height: 515px;
        }
    .downLeft{
        width: 11.8%;
        height: 500px;
        margin-left: 180px;
        margin-top: 115px;
        background-color: white;
        display: flex;
        flex-direction: column;
    }

    .downRU {
        width: 1110px;
        height: 70px;
    }
    .downRU{
        width: 126%;
        height: 11%;
        margin-left: -180px;
        margin-top: 15px;
        background-color: white;
    }

    .downRC {
        width: 900px;
    }
    .downRC{
        width: 101%;
        height: 70px;
        margin-left: 30px;
        margin-top: 15px;
        background-color: white;
    }

    .downRD {
        width: 900px;
    }
    .downRD{
        width: 101%;
        height: 400px;
        margin-left: 30px;
        margin-top: 15px;
        background-color: white;
    }

    .downAddress {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        font-family: 楷体;
        margin-top: 25px;
        margin-left: 30px;
    }

    .downPer {
        font-size: 17px;
        color: black;
        font-family: 楷体;
        font-weight: bolder;
        margin-top: 25px;
        margin-left: 30px;
    }

    .add {
        width: 180px;
        height: 30px;
        border: 0px;
        border-bottom: 1px solid rgba(37, 37, 37, 0.69);
        color: rgba(37, 37, 37, 0.69);
        font-size: 13px;
        margin-left: 30px;
    }

    .from {
        margin-top: 20px;
        margin-left: 20px;
    }

    .from-b {
        color: white;
        font-size: 13px;
        font-family: 微软雅黑;
        border: 0px solid black;
        border-radius: 5px;
        width: 50px;
        height: 30px;
        margin-left: 35px;
        background-color: red;
    }

    .content {
        width: 92%;
        height: 120px;
        background-color: #f0f3ef;
        margin-top: 15px;
        margin-left: 35px;
        border-radius: 15px;
        display: flex;
        flex-direction: row;
    }

    .mad {
        margin-left: 300px;
        margin-top: 15px;
        width: 100px;
        height: 30px;
        background-color: #0a83d7;
        border-radius: 10px;
    }
</style>
<body>
<!--    导航栏-->
<div th:replace="~{header :: header}"></div>

<div style="display: flex; flex-direction: column; margin-top: 8px; margin-left: 8px;">
    <div class="down">
        <div class="downLeft">
            <div style="margin-top: -10px; margin-left: 35px;">
                <p class="downPer">信&nbsp息</p>
            </div>
            <div style="margin-top: 30px; margin-left: 25px;">
                <a class="downAddress" th:href="@{/user/getOrder}">订单信息</a>
            </div>
            <div style="margin-top: 8px; margin-left: 25px;">
                <a class="downAddress" style="font-color: rgba(114,114,114,0.49); font-weight: bolder"
                   th:href="@{/user/getAddresses}">收货地址</a>
            </div>
            <div style="margin-top: 8px; margin-left: 25px;">
                <a class="downAddress" th:href="@{/toUserDetail}">个人信息</a>
            </div>
        </div>
        <div style="display: flex; flex-direction: column">
            <div class="downRU">
                <p class="downAddress">收货地址</p>
            </div>
            <div class="downRC">
                <form class="from" th:action="@{/user/addAddress}" method="get">
                    <input type="text" class="add" name="realName" placeholder="姓名">
                    <input type="text" class="add" name="telephone" placeholder="手机号">
                    <input type="text" class="add" name="address" placeholder="地址">
                    <input class="from-b" type="submit" value="添 加">
                    <input class="from-b" style="background-color: lightgreen" type="submit" value="重 置">
                </form>
            </div>
            <div class="downRD" >
                <div class="content" style="background-color: #C2BE9E" th:each="address:${list}">
                    <div style=>
                        &nbsp;收货人姓名：<span th:text="${address.realName}"></span><br><br>
                        &nbsp;电&nbsp;话&nbsp;号&nbsp;码&nbsp;：<span th:text="${address.telephone}"></span><br><br>
                        &nbsp;收&nbsp;货&nbsp;地&nbsp;址&nbsp;：<span th:text="${address.address}"></span><br>
                    </div>
                    <div>
                        <div class="mad">
                            <a style=" margin-left: 32px;" th:href="@{${jumpUrl}+${address.userAddressId}}">修改</a>
                        </div>
                        <div class="mad">
                            <a style=" margin-left: 32px;" th:href="@{${jumpUrl1}+${address.userAddressId}}">删除</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>
